# css
import { Badge } from '@theme';
import SassModern from '@components/Css';

<Badge text="add in v3.0.0-rc.17" type="warning" />

:::tip
CSS quick setup method
:::
## css.sass
> sass build supports two modes: `default` and `modern`

<SassModern />

+ Type
```ts
  api?: 'modern' | 'modern-compiler'
  sassOptions?: SassOptions<'async'>
  mode?: 'default' | 'modern'
  implementation?: object | string
```

+ Default
```js
export default {
  css:{
      sass:{
        mode:'modern'
      }
  }
}
```

```ts title="emp-config.js"
import {defineConfig} from '@empjs/cli'
export default defineConfig(store => {
  return {
    css:{
        // 启用 sass modern 构建
        sass:{
          mode:'modern'
        }
    }
  }
})
```

